// pages/wxinvite/wxinvite.js

var util = require('../../utils/util.js')
var app = getApp();
var key = app.globalData.key;
const resurl = app.globalData.resurl;
Page({

  /**
   * 页面的初始数据
   */
  data: {
    btnTxt:'',
    code:"E7AI98",
    inputValue:"",
    maskHidden: false,
    loginName:"",
    avatarUrl:"",
    code: "19580630"
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    // var that = this;
    // wx.getUserInfo({
    //   success: res => {
    //     console.log(res.userInfo,"huoqudao le ")
    //     this.setData({
    //       name: res.userInfo.nickName,
    //     })
    //     wx.downloadFile({
    //       url: res.userInfo.avatarUrl, //仅为示例，并非真实的资源
    //       success: function (res) {
    //         // 只要服务器有响应数据，就会把响应内容写入文件并进入 success 回调，业务需要自行判断是否下载到了想要的内容
    //         if (res.statusCode === 200) {
    //           console.log(res, "reererererer")
    //           that.setData({
    //             avatarUrl: res.tempFilePath
    //           })
    //         }
    //       }
    //     })
    //   }
    // })

    var that = this;
    var userId = wx.getStorageSync("userId");
    var _data = {
      deviceProperties: app.globalData.deviceProperties,
      user:{
        userId:userId,
      }
    }
    _data = JSON.stringify(_data);
    _data = util.base64_encode(_data);
    _data = util.xxtea_encrypt(_data, key);
    //获取用户信息接口
    wx.request({
      url: resurl + '/interface/sdkData?requestId=3&a=1&b=2',
      data:_data,
      header:{
        "content-type":"application/json",
        "dataType":"json",
      },
      method:"post",
      success:function(res){
        res = util.xxtea_decrypt(res.data, key);
        res = util.base64_decode(res);
        res = JSON.parse(res);
        // console.log(res);
        if (res.resultCode === 0) {
          res = JSON.parse(res.data);
          console.log(res);
          that.setData({
            avatarUrl:res.user.userLogo,
            loginName:res.user.realName,
          })
          wx.downloadFile({
            url: 'https://wx.qlogo.cn/mmopen/vi_32/VvwfHmSYT3xwyFHYiajoiaQk4pSwGgjkgFRjYRibv5srg6Cxo83LL8NvgnVvGtr4MqvlFbZJ9byRJMT85kiaZBKcFA/132', 
            success: function (res) {
              // 只要服务器有响应数据，就会把响应内容写入文件并进入 success 回调，业务需要自行判断是否下载到了想要的内容
              if (res.statusCode === 200) {
                console.log(res, "reererererer")
                that.setData({
                  avatarUrl: res.tempFilePath
                })
              }
            }
          })
        }
      }
          })
  },
  //将canvas转换为图片保存到本地，然后将图片路径传给image图片的src
  createNewImg: function () {
    var that = this;
    var context = wx.createCanvasContext('mycanvas');
    context.setFillStyle("#ffffff")
    context.fillRect(0, 0, 425, 10000)
    var bg = "/images/bg-sharing.png";
    //将模板图片绘制到canvas,在开发工具中drawImage()函数有问题，不显示图片
    context.drawImage(bg, 0, 0, 375, 700);
    var path1 = that.data.avatarUrl;
    console.log(path1);
    //将模板图片绘制到canvas,在开发工具中drawImage()函数有问题，不显示图片
    var path2 = "/images/bg_share_bottom.png";
    context.drawImage(path2, 10, 620, 355, 180);

    var name = "HI，我是"+that.data.loginName;
    //绘制名字
    context.setFontSize(22);
    context.setFillStyle('#333333');
    context.setTextAlign('center');
    context.fillText(name, 219,700);
    context.stroke();
    //绘制文字
    context.setFontSize(18);
    context.setFillStyle('#B7B3B3');
    context.setTextAlign('center');
    context.fillText("我在这里玩招财日历就", 222, 730);
    context.fillText("能赚钱，你也快来玩吧！", 232, 758);
    context.stroke();
    //绘制邀请码码
    context.setFontSize(16);
    context.setFillStyle('#A2533E');
    context.setTextAlign('center');
    var myCode = "我的邀请码："+that.data.code;
    context.fillText(myCode, 100, 640);
    context.stroke();

    //绘制头像
    context.arc(68,720, 50, 0, 2 * Math.PI) //画出圆
    // context.setFillStyle("#f2f2f2")
    // context.fill();
    // context.strokeStyle = "#ffe200";
    // context.stroke();
    // context.clip(); //裁剪上面的圆形
    context.drawImage(path1,22,680, 80, 80); // 在刚刚裁剪的园上画图
    context.draw();
    //将生成好的图片保存到本地，需要延迟一会，绘制期间耗时
    setTimeout(function () {
      wx.canvasToTempFilePath({
        canvasId: 'mycanvas',
        success: function (res) {
          var tempFilePath = res.tempFilePath;
          that.setData({
            imagePath: tempFilePath,
            canvasHidden:true
          });
        },
        fail: function (res) {
          console.log(res);
        }
      });
    }, 200);
  },
  //点击保存到相册
  baocun:function(){
    var that = this
    wx.saveImageToPhotosAlbum({
      filePath: that.data.imagePath,
      success(res) {
        wx.showModal({
          content: '图片已保存到相册，赶紧晒一下吧~',
          showCancel: false,
          confirmText: '好的',
          confirmColor: '#333',
          success: function (res) {
            if (res.confirm) {
              console.log('用户点击确定');
              /* 该隐藏的隐藏 */
              that.setData({
                maskHidden: false
              })
            }
          },fail:function(res){
            console.log(11111)
          }
        })
      }
    })
  },
  //点击分享给朋友
  forFriends: function (e) {
    var that = this;
    this.setData({
      maskHidden: false,
      btnTxt:'保存图片并分享',
    });
    wx.showToast({
      title: '生成中...',
      icon: 'loading',
      duration: 1000
    });
    setTimeout(function () {
      // wx.hideToast()
      that.createNewImg();
      that.setData({
        maskHidden: true
      });
    }, 1000)
  },
  //点击分享到Pyq
  forPyq: function (e) {
    var that = this;
    this.setData({
      maskHidden: false,
      btnTxt:'保存图片并分享',
    });
    wx.showToast({
      title: '生成中...',
      icon: 'loading',
      duration: 1000
    });
    setTimeout(function () {
      // wx.hideToast()
      that.createNewImg();
      that.setData({
        maskHidden: true
      });
    }, 1000)
  },


  back:function() {
    wx.navigateBack({
      delta: 1
    });
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    var that = this;
    wx.getUserInfo({
      success: res => {
        console.log(res.userInfo, "huoqudao le ")
        this.setData({
          name: res.userInfo.nickName,
        })
        wx.downloadFile({
          url: 'https://wx.qlogo.cn/mmopen/vi_32/VvwfHmSYT3xwyFHYiajoiaQk4pSwGgjkgFRjYRibv5srg6Cxo83LL8NvgnVvGtr4MqvlFbZJ9byRJMT85kiaZBKcFA/132',  //仅为示例，并非真实的资源
          success: function (res) {
            // 只要服务器有响应数据，就会把响应内容写入文件并进入 success 回调，业务需要自行判断是否下载到了想要的内容
            if (res.statusCode === 200) {
              console.log(res, "reererererer")
              that.setData({
                avatarUrl: res.tempFilePath
              })
            }
          }
        })
      }
    })
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
    return {
      title:"这个是我分享出来的东西",
      success:function(res){
        console.log(res,"转发成功")
      },
      fail:function(res){
        console.log(res,"转发失败")
      }
    }
  }
})